.ui-resizable-handle{z-index:auto!important}
#design-wrapper{height:626px;border:1px solid #bebebe;margin:0 0 15px;background-image:url(../img/bg/design.png);background-repeat:repeat;position:relative;z-index:1000;overflow:hidden}
#design-wrapper > a#btn-add-cart{display:block;text-decoration:initial;position:absolute;bottom:52px;right:10px;height:42px;line-height:42px;width:222px;background-color:#ff9000;color:#fff;font-weight:700;font-size:17px;text-align:center;border-radius:16px}
#design-button{position:absolute;top:12px;left:12px}
#design-button *{box-sizing:border-box}
#design-button > a{display:block;float:left;line-height:28px;margin:0 10px 0 0;border-radius:7px;padding:0 18px;text-align:center;min-width:100px;background-color:#5c5c5c;font-weight:700;font-size:14px;color:#fff;text-decoration:blink;height:28px}
#design-button > a.active,#design-button > a:hover{background-color:#13d0ca}
#design-wrapper .design-data{width:274px;height:544px;position:absolute;background-color:#fff;border:1px solid #9a9a9a;box-shadow:0 0 5px #999;top:62px;left:-280px;opacity:0}
#design-wrapper .design-data.active{display:block!important;left:12px;opacity:1}
#design-wrapper .design-data > .search-form{margin:0;padding:12px 10px}
#design-wrapper .design-data > .search-form > .search-box{border:1px solid #afafaf;height:28px}
#design-wrapper .design-data > .search-form > .search-box > input{border:none;box-shadow:none;height:26px;line-height:16px;padding:0 5px;margin:0;width:222px;float:left}
#design-wrapper .design-data > .search-form > .search-box > a{display:block;float:left;height:26px;width:28px;background-color:#13d0ca;background-image:url(../img/icon/design.png);background-position:-45px -23px}
#design-wrapper .design-data > .search-form > select{border:1px solid #afafaf;border-radius:0;box-shadow:none;margin:10px 0 0;width:100%;height:28px;line-height:28px}
#design-wrapper .design-data ul.list-item{margin:0;list-style-type:none;padding:6px 12px;height:396px}
#design-wrapper .design-data ul.list-item:before,#design-wrapper .design-data ul.list-item:after{display:block;clear:both;content:""}
#design-wrapper .design-data ul.list-item li{display:block;float:left;width:48px;height:48px}
#design-wrapper .design-data ul.list-item li:hover{box-shadow:0 0 2px #9a9a9a;border-radius:5px}
#design-wrapper .design-data ul.list-item li a{display:block;width:40px;height:40px;margin:4px}
#design-wrapper .design-data ul.list-item li a img{width:40px;height:40px}
#design-canvas{width:450px;height:450px;position:relative;margin-top:80px;margin-left:300px;overflow:hidden}
#design-canvas > .design-panel{display:none}
#design-canvas > .design-panel > img{width:100%;height:100%}
#design-canvas > .design-panel.active{display:block}
#design-canvas > .design-panel .import-item{position:absolute;border:1px dashed transparent}
#design-canvas > .design-panel .import-item.active{border-color:#13d0ca;box-shadow:0 0 2px #fff}
#design-canvas > .design-panel .import-item > span{position:absolute;font-size:10px;border:1px solid #fff;color:#fff;text-align:center;cursor:pointer;padding:1px;background-color:#000;z-index:1001;display:none}
#design-canvas > .design-panel .import-item:hover{border-color:#fff}
#design-canvas > .design-panel .import-item:hover > span{display:block}
#design-canvas > .design-panel .import-item > span:hover{color:#f85921;border-color:#f85921}
#design-canvas > .design-panel .import-item .btn-remove{top:-7px;right:-7px}
#design-canvas > .design-panel .import-item .btn-drag{top:-7px;left:-7px}
#design-canvas > .design-panel .import-item .btn-resize{right:-7px;bottom:-7px;top:initial}
#design-canvas > .design-panel .import-img{top:115px;left:186px}
#design-canvas > .design-panel .import-img > img{width:100%;height:100%}
#design-canvas > .design-panel .import-text{top:115px;left:186px;width:140px}
#design-canvas > .design-panel .import-text textarea{padding:0;margin:0;border:none;box-shadow:none;background-color:transparent;width:100%;resize:none;overflow-wrap:break-word;overflow:hidden;height:100%;font-family:Tahoma;font-weight:400;font-style:normal;font-size:16px;color:#000}
#design-properties{position:absolute;bottom:94px;right:15px;width:236px;height:235px}
#design-properties > ul{padding:0;display:block;float:right;margin:0 0 10px;clear:both}
#design-properties > ul:before,#design-properties > ul:after{clear:both;content:""}
#design-properties > ul.pro-type > li{float:right;display:block;margin:0 2px;border:1px solid #999;background-color:#fff}
#design-properties > ul.pro-type > li > a{display:block;width:38px;height:38px;background:#fff;margin:4px}
#design-properties > ul.pro-type > li > a > img{display:block;width:100%;height:100%}
#design-properties > ul.pro-color > li{display:block;float:right;margin:2px;border:1px solid #999;background-color:#fff}
#design-properties > ul.pro-color > li a{display:block;width:22px;height:16px;margin:3px}
#design-properties > ul.pro-size > li{float:right;display:block;border:1px solid #999;margin:2px;border-radius:3px}
#design-properties > ul.pro-size > li a{display:block;width:38px;text-align:center;color:#333;background-color:#fff;font-weight:700;font-size:12px;line-height:24px;height:24px;border-radius:3px;text-decoration:inherit}
#design-properties > ul.pro-color > li.selected,#design-properties > ul.pro-size > li.selected a,#design-properties > ul.pro-type > li.selected{background-color:#BCF3D2}
#pro-tool{position:absolute;top:12px;right:16px}
#pro-tool > ul{padding:0;margin:0}
#pro-tool > ul > li{display:block;clear:both;margin:0 0 10px 112px;position:relative}
#pro-tool > ul > li > a{display:block;height:27px;width:29px;border:1px solid #999;border-radius:5px;background-color:#fff;background-image:url(../img/icon/design.png)}
#pro-tool > ul > li > a:hover{background-color:#f9f9f9}
#pro-tool > ul > li > a.btn-reset{background-position:-23px 0}
#pro-tool > ul > li > a.btn-font{background-position:-1px -33px}
#pro-tool > ul > li > a.btn-font.active{background-color:#f9f9f9;box-shadow:0 0 6px #999 inset}
#pro-tool > ul > li > a.btn-center{background-position:-37px -33px}
#pro-tool > ul > li > a.btn-veti{background-position:-72px -33px}
#pro-tool > ul > li > a.btn-flip-w{background-position:-145px -65px}
#pro-tool > ul > li > a.btn-flip-h{background-position:-109px -65px}
#pro-tool .pro-font{position:absolute;right:41px;width:200px;height:142px;top:-24px;background-color:#fff;border:1px solid #cfcfcf;border-radius:0}
#pro-tool .pro-font:before{content:"";position:absolute;border:7px solid transparent;border-left:7px solid #fff;right:-14px;top:32px}
#pro-tool .pro-font:after{content:"";position:absolute}
#pro-tool .pro-font > p{padding:0;margin:0;font-size:13px;line-height:24px;height:24px;background-color:#19d0ca}
#pro-tool .pro-font > a{font-size:13px;color:#000;text-decoration:initial;position:absolute;top:3px;width:16px;height:16px;line-height:16px;text-align:center;right:3px}
#pro-tool .pro-font #pro-font-family{font-size:12px;padding:0;margin:10px;border-radius:0;width:178px;height:26px;line-height:26px;border:1px solid #cfcfcf}
#pro-tool .pro-font #pro-font-bold{font-weight:700;font-size:13px;display:block;border:1px solid #cfcfcf;width:26px;height:26px;text-align:center;border-radius:4px;line-height:25px;float:left;margin-left:10px}
#pro-tool .pro-font #pro-font-itilic{font-size:13px;display:block;border:1px solid #cfcfcf;width:26px;height:26px;text-align:center;border-radius:4px;line-height:25px;float:left;margin-left:5px;font-style:italic}
#pro-tool .pro-font #pro-font-bold.active,#pro-tool .pro-font #pro-font-itilic.active{background-color:#cfcfcf}
#pro-tool .pro-font #pro-font-size{float:left;margin-left:5px;width:116px;border-radius:0;line-height:26px;height:26px;font-size:12px;border:1px solid #cfcfcf}
#pro-tool .pro-font #pro-font-agile-left{float:left;width:26px;margin-left:10px;text-align:center;border:1px solid #cfcfcf;border-radius:3px 0 0 3px;margin-top:10px}
#pro-tool .pro-font #pro-font-agile-center{float:left;width:26px;text-align:center;border:1px solid #cfcfcf;border-radius:0;margin-left:-1px;margin-top:10px}
#pro-tool .pro-font #pro-font-agile-right{float:left;width:26px;text-align:center;border:1px solid #cfcfcf;border-radius:0 3px 3px 0;margin-top:10px;margin-left:-1px}
#pro-tool .pro-font #pro-font-agile-left.active,#pro-tool .pro-font #pro-font-agile-center.active,#pro-tool .pro-font #pro-font-agile-right.active{background-color:#cfcfcf}
#pro-tool .pro-font #pro-font-color{float:left;width:26px;height:23px;margin-top:9px;margin-left:76px;border:1px solid #cfcfcf;border-radius:3px}
#pro-tool .pro-font #pro-font-color > div{margin:2px;width:20px;height:17px;border-radius:2px;background-color:#000}
.flip-w{transform:scale(1,-1)}
.flip-h{transform:scale(-1,1)}
.flip-w-h{transform:scale(-1,-1)}